@charset "UTF-8";

/*RESET*/
html {height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:separate;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
em,strong{}
ol,ul {list-style:none;}
caption {text-align:center; padding:10px 0; border-top:solid 1px #A1BDC4;}
th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; line-height:150%; margin:0; padding:0; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

h1 {font-size:18px; font-weight:bold; }
h2 {font-size:16px; font-weight:bold; }
h3 {font-size:14px; font-weight:bold; }

/*MAIN*/
body {font-size:12px; color:#444; font-family:arial,sans-serif; background-color:#FFF;}
a {color:#3399cc; outline:none; text-decoration:none;}
a:hover {color:#000;}
img {border: none; vertical-align: middle;}
p {padding:5px 0; line-height:140%;}
.cl {clear:both; line-height:0;}
.fl {float:left;}
.fr {float:right;}
button {padding:5px 10px;}
label {font-size:13px; color:#333; display:block; padding:3px 0;}
input[type=text], input[type=password] {padding:5px; background-color:#FFF; border:solid 1px #DDD;}
input[type=text]:focus, input[type=password]:focus {background-color:#FFFFCC;}
select{padding:4px 5px; background-color:#FFF; border:solid 1px #DDD;}
select:focus {background-color:#FFFFCC;}
/** BUILD **/
.headerW {background-color:#0099FF;}
.header {width:980px; margin:0 auto; color:#FFF; padding:20px 0;}
.content {width:980px; margin:0 auto; position:relative; background:transparent url(images/content_bg.png) scroll no-repeat 50% 0;}
.breadcrumb {line-height:40px; font-size:11px;}
.main {width:780px; border-top:solid 1px #DDD; border-left:solid 1px #DDD; margin-top:20px;}
.sidebar {width:200px; margin:-1px 0 0 -200px; border-bottom:solid 1px #DDD;}
.sidebar li {border-top:solid 1px #DDD;}
.sidebar > li > a {display:block; padding:15px 0;}
.sidebar ul a {display:block; padding:5px 0;}
.sidebar li .active {background-color:#FFF; color:#333;}
.mainContent {padding:20px;}
.footer {width:980px; padding:20px 0; margin:0 auto;}

.login {width:400px; height:400px; position:fixed; margin:-200px 0 0 -200px; top:50%; left:50%;}

table {margin:5px 0; border:solid 1px #DDD; border-left:none; border-top:none;}
th {background-color:#FFFFCC; padding:10px 5px; border:solid 1px #DDD; border-right:none; border-bottom:none; font-weight:bold;}
td {padding:5px; border:solid 1px #DDD; border-right:none; border-bottom:none;}

/** Notifications **/
.notif {padding:10px; margin:0 0 5px}
.error {border:solid 1px #cc3333; background-color:#FFCCCC; color:#cc3333; -moz-border-radius:3px;}
.success {border:solid 1px #339900; background-color:#D8FFCF; color:#339900; -moz-border-radius:3px;}